<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<div id="message">

		</div>
		<!--  <script type="module">
      import * as WEBGL from "./WebGL.js";
      if (WEBGL.isWebGLAvailable()) {
        // Initiate function or other initializations here
        animate();
      } else {
        const warning = WEBGL.getWebGLErrorMessage();
        document.getElementById("container").appendChild(warning);
      }
    </script> -->

		<script>
			import("http://files.lyonghu.com/WebGL.js").then((module) => {
				window.WEBGL = module.WEBGL;
				console.log(module.WEBGL);
				checkWEBGL();
			});

			function checkWEBGL() {
				console.log(WEBGL);
				if (WEBGL.isWebGLAvailable()) {
					// Initiate function or other initializations here
					document.getElementById("message").innerText ="webGL available !";
				} else {
					const warning = WEBGL.getWebGLErrorMessage();
					document.getElementById("message").appendChild(warning);
				}
			}
		</script>
	</body>
</html>
